.container {
    margin-top: 24rpx;
}

.goods-wrap {
    margin: 0 24rpx;
}

.join-info {
    display: flex;
    justify-content: center;
    flex-direction: column;
    border-radius: 16rpx;
    overflow: hidden;
    background-color: $theme-panel-bg-color;
    margin: 24rpx 24rpx 0;

    .status-wrap {
        display: flex;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        padding: 32rpx 70rpx 80rpx;
    }

    /** 倒计时 begin */
    .countdown {
        display: flex;
        align-items: center;
        flex-direction: column;

        .countdown-prompt {
            margin-bottom: 28rpx;
            display: flex;
            align-items: center;
            justify-content: center;

            .title {
                padding: 0 20rpx;
                font-size: $theme-size-base;
                color: $theme-color-main-base;
            }

            .line {
                width: 52rpx;
                height: 2rpx;
                background-color: rgba(204, 204, 204, 0.5);
            }
        }

        // 倒计时自定义样式
        /deep/ .uni-countdown {
            .uni-countdown__number {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 52rpx;
                height: 52rpx;
                border-radius: 6rpx;
                overflow: hidden;
                font-size: $theme-size-large-base;
            }

            .uni-countdown__splitor {
                padding: 0 16rpx;
                font-size: $theme-size-large-base;
            }
        }
    }

    /** 倒计时 end */

    .avatar-wrap {
        margin-top: 72rpx;
        overflow: hidden;
        width: 100%;

        .avatar-list {
            margin-right: -48rpx;

            .avatar-item {
                background-color: $theme-panel-bg-color;
                border-radius: 50%;
                margin-bottom: 34rpx;
                height: 108rpx;
                width: 108rpx;
                margin-left: -48rpx;
            }
        }
    }

    .already-status {
        margin-top: 40rpx;
        font-size: $theme-size-large-base;
        color: $theme-color-main-base;
        font-weight: 600;
    }

    .btn-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 80rpx;

        .btn {
            font-size: $theme-size-large-base;
            width: 360rpx;
            height: 88rpx;
            border-radius: 44rpx;
            border: 2rpx solid;
        }

        .full-btn {
            border: 0;
        }
    }
}